/* Garden Relaxation Section */
.garden-relaxation-section {
  padding: 60px 20px;
  background-color: #fff;
}

.garden-relaxation-container {
  max-width: 1200px;
  margin: 0 auto;
}

.garden-relaxation-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 20px;
}

.garden-relaxation-block.reverse {
  flex-direction: row-reverse;
}

.garden-relaxation-text {
  flex: 1;
}

.garden-relaxation-subtitle {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #4a4a4a;
  display: block;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.garden-relaxation-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
  line-height: 1.3;
}

.garden-relaxation-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  margin-bottom: 16px;
}

.garden-relaxation-image {
  flex: 1;
}

.garden-relaxation-image img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  display: block;
}

.photo-gallery {
  text-align: center;
  padding: 5px 20px 40px 20px;
  background: #fff;
}

.gallery-subtitle {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.gallery-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #222;
}

.gallery-row {
  display: flex;
  justify-content: center;
  gap: 0; /* no spacing between images */
  overflow-x: auto; /* enables scroll on smaller screens */
  scroll-behavior: smooth;
}

.gallery-row img {
  height: 250px;
  object-fit: cover;
  flex-shrink: 0;
}

a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}

img.mfp-img {
    width: 100% !important;
    max-height: 75vh !important;
}

/* Responsive */
@media (max-width: 768px) {

    .logo {
        font-size: 12px;
    }

    .contact-info {
        width: auto;
        font-size: 12px;
    }

    .garden-relaxation-block,
    .garden-relaxation-block.reverse {
    flex-direction: column;
    text-align: center;
    }

    .about-banner-title {
        font-size: 22px;
    }

    .garden-relaxation-image {
        margin-top: 0px;
    }

    .garden-relaxation-title {
        font-size: 24px; 
    }

    .gallery-row {
    display: flex;
    justify-content: start;
    }

    a.image-popup-vertical-fit {
        display: block;
    }

    .gallery-row img {
        height: 100%;
    }

    .garden-relaxation-desc {
        color: #000;
    }
}